<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background: #fff;
        }
        div{
            color: #ccc;
            font: 700 200px "微软雅黑";
        }
        /* 水平位置 垂直位置 模糊距离 阴影颜色 */
        div:first-child{
            text-shadow: 1px,1px,1px #000,
                        -1px,-1px,-1px #fff;
        }
        div:last-child{
            text-shadow: 1px,1px,1px #fff,
                        -1px,-1px,-1px#000f;

        }
    </style>
</head>
<body>
    <div>我是凸起文字</div>
    <div>我是凹入文字</div>
</body>
</html>